﻿@charset "utf-8";

/* CSS Document */

.z_row{

  margin-right: 0;

  margin-left: 0;

}



.position p{
  padding: 15px 0;
  line-height: 30px;
  font-size: 14px;
  color: #6c6b6b;
}
.position p a{
  color: #6c6b6b;
  transition: all .2s;
}
.position p a:hover{
  text-decoration: none;
  color: #e83829;
}

/* ========= 首页 右侧悬浮 ================== */

.index_right_slidenav {

	display: none;

	position: fixed;

	right: 15px;

	top: 50%;

	margin-top: -140px;

	z-index: 999;

}

.index_right_slidenav ul li {

  position: relative;

}

.index_right_slidenav ul li>a{

  display: block;

  width: 50px;

  height: 50px;

  background-repeat: no-repeat;

  background-position: center center;

  margin-bottom: 6px;

  transition: all .2s;

}

.index_right_slidenav ul .slide_qq>a {

  background-image: url('../img/qq.png');

  background-color: #aaa;

}

.index_right_slidenav ul .slide_qq:hover>a {

  background-color: #e83829;

}

.index_right_slidenav ul .slide_wechat>a {

  background-image: url('../img/wx.png');

  background-color: #aaa;

}

.index_right_slidenav ul .slide_wechat:hover>a {

  background-color: #e83829;

}

.index_right_slidenav ul .slide_phone>a {

  background-image: url('../img/tel.png');

  background-color: #aaa;

}

.index_right_slidenav ul .slide_phone:hover>a {

  background-color: #e83829;

}

.index_right_slidenav ul .slide_top>a {

  background-image: url('../img/top.png');

  background-color: #aaa;

}

.index_right_slidenav ul .slide_top:hover>a {

  background-color: #e83829;

}

.index_right_slidenav ul li span {

  display: none;

  min-width: 128px;

  height: 50px;

  line-height: 50px;

  font-size: 16px;

  color: #fff;

  text-align: center;

  position: absolute;

  top: 0;

  right: 50px;

  background: #e83829;

  z-index: 9999999;

}

.index_right_slidenav ul li span a{
  display: inline-block;
  width: 100%;
  height: 100%;

  color: #fff;
}

.index_right_slidenav ul .slide_wechat span {

  width: 128px;

  height: 128px;

  position: absolute;

  top: 50%;

  right: 50px;

  margin-top: -64px;

  background: #e83829;

  z-index: 9999999;

  background-repeat: no-repeat;

  background-size: 100% 100%;

}



@media(max-width: 992px){

	.index_right_slidenav{

		right: 10px;

	}

	.index_right_slidenav ul li>a{

		width: 30px;

		height: 30px;

		background-size: 50%;

	}

	.index_right_slidenav ul li span{

		line-height: 30px;

		height: 30px;

		right: 30px;

	}

	.index_right_slidenav ul .slide_wechat span{

		right: 30px;

	}



  .index_right_slidenav ul .slide_qq>a,

  .index_right_slidenav ul .slide_wechat>a,

  .index_right_slidenav ul .slide_phone>a,

  .index_right_slidenav ul .slide_top>a{

    background-color: rgba(170,170,170,0.6);

  }

}

/* ========= 首页 右侧悬浮 ================== */

















/* ========= 首页 ================== */

.page_tags{

  padding: 0;

  padding-bottom: 60px;

}



.page_tags .title{

  margin-bottom: 20px;

}

.page_tags .title h1 {

  padding-left: 10px;

  position: relative;

  display: inline-block;

  font-size: 24px;

  font-family: "Microsoft YaHei";

  color: rgb(34, 34, 34);

  line-height: 24px;

}

.page_tags .title h1::before{

  content: '';

  display: inline-block;

  width: 3px;

  height: 25px;

  background-color: #e83829;

  position: absolute;

  left: 0;

  top:50%;

  transform: translateY(-50%);

}

.page_tags .title .tj_a{

  display: inline-block;

  float: right;

}

.page_tags .title .tj_a span{

  display: inline-block;

  cursor: pointer;

  margin-left: 30px;

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: rgb(68, 68, 68);

  line-height: 24px;

}

.page_tags .title .tj_a span.on{

  color: #e83829;

}

.page_tags .title .tj_a a{

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: rgb(136, 136, 136);

  line-height: 24px;

  margin-left: 50px;

}

.page_tags .title .tj_a a:hover{

  color: #e83829;

}

@media(max-width: 768px){

  .page_tags{

    padding: 0 15px 30px;

  }

}









/*顶部选择*/

.z_chaxun{

  transform: translateY(-80px);

  background-color: #fff;

  border-radius: 10px;

  padding: 40px;

  border:1px solid rgb(220, 220, 220);

}



.z_chaxun .row>div{

  padding: 0;

}



.z_chaxun h1{

  margin-bottom: 30px;

  display: inline-block;

  padding-right: 20px;

  color: #222;

  font-size: 22px;

  font-weight: 600;

  line-height: 24px;

  background-image: url('../img/z_jt1.png');

  background-repeat: no-repeat;

  background-position: 98% 50%;

  background-size: auto;

}

.z_chaxun h2{
  float: right;
  font-size: 12px;
  line-height: 24px;
  color: #222;
  opacity: 0.6;

  display: none;
}

.cx_xuanze .cxxz_tags{

  position: relative;

  padding-left: 70px;

  margin-bottom: 10px;

}

.cx_xuanze .cxxz_tags h3{

  position: absolute;

  top:0;

  left: 0;

  font-size: 14px;

  line-height: 24px;

  font-family: "Microsoft YaHei";

  color: rgb(34, 34, 34);

  font-weight: bold;

}

.cx_xuanze .cxxz_tags h3 i{

  padding-left: 28px;

  font-style: normal;

}

.cx_xuanze .cxxz_tags li {

  float: left;

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

  font-family: "Microsoft YaHei";

  color: rgb(34, 34, 34);

  border-radius: 2px;

  background-color: #fff;

  cursor: pointer;

  padding: 0 1px;

  margin-right: 15px;

  margin-bottom: 3px;

  transition: all .1s;

}
.cx_xuanze .cxxz_tags li a{
  display: inline-block;
  width: 100%;
  padding: 0 0;
  color: rgb(34, 34, 34);

  transition: all .1s;
}
.cx_xuanze .cxxz_tags li:hover a,
.cx_xuanze .cxxz_tags li.on a{
  background-color: #e83829;
  color: #fff;
}





.z_chaxun .row>.z_ruzhu{

  padding-right: 46px;

}

.z_ruzhu form{

  margin-top: 15px;

}

.z_ruzhu #mobile {

  width: 217px;

  padding: 15px 20px;

  margin-right: 8px;

  border-width: 1px;

  border-color: rgb(210, 210, 210);

  border-style: solid;

  border-radius: 10px;



  line-height: 25px;

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: #222;

}

.z_ruzhu #mobile::-webkit-input-placeholder{

  color: rgb(204, 204, 204);

}

.z_ruzhu #mobile:-moz-placeholder{

  color: rgb(204, 204, 204);

}

.z_ruzhu #mobile::-moz-placeholder{

  color: rgb(204, 204, 204);

}

.z_ruzhu #mobile:-ms-input-placeholder{

  color: rgb(204, 204, 204);

}

.z_ruzhu .z_tijiao {

  padding: 10px 10px;

  border-radius: 12px;

  background-color: rgb(232, 56, 41);

  border:1px solid rgb(232, 56, 41);

  font-size: 20px;

  font-family: "Microsoft YaHei";

  color: rgb(255, 255, 255);

  line-height: 25px;
 font-weight: bolder;


}


.z_ruzhu .z_yanglao{

  margin-top: 40px; 

  text-align: center;

  border-width: 1px;

  border-color: rgb(242, 242, 242);

  border-style: solid;

  border-radius: 10px;

  background-color: rgb(255, 255, 255);

  padding: 20px 0;

}

.z_ruzhu .z_yanglao a{

  display: inline-block;

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb(232, 56, 41);

  line-height: 24px;

}

.z_ruzhu .z_yanglao a:nth-of-type(1){

  margin-right: 75px;

  position: relative;

}

.z_ruzhu .z_yanglao a:nth-of-type(1)::before{

  content: '';

  display: inline-block;

  position: absolute;

  right: -40px;

  top:50%;

  transform: translateY(-50%);

  width: 1px;

  height: 18px;

  background-color: rgb(232, 56, 41);

}

.z_ruzhu .z_yanglao a:hover{

  text-decoration: none;

}

@media(max-width: 1200px){

  .z_chaxun .row>.z_ruzhu{

    padding-right: 0;

  }

  .z_ruzhu #mobile{

    width: 66%;

  }

  .z_ruzhu #mobile,

  .z_ruzhu .z_tijiao{

    padding: 10px;

  }

  .z_ruzhu .z_yanglao a:nth-of-type(1){

    margin-right: 40px;

  }

  .z_ruzhu .z_yanglao a:nth-of-type(1)::before{

    right: -25px;

  }

}



@media(max-width: 992px){

  .z_chaxun .row>div:nth-of-type(1){

    margin-bottom: 30px;

  }

  .z_ruzhu form{

    margin-top: 0;

  }

  .z_ruzhu #mobile{

    float: left;

    width: 70%;

    margin-right: 5%;

  }

  .z_ruzhu .z_tijiao{

    float: left;

    padding: 10px 0;

    width: 25%;

  }

}



@media(max-width: 768px){

  .z_chaxun{

    transform: translateY(0);

    margin: 20px auto 30px;

    width: 90%;

    padding: 20px 15px;

  }

  .z_chaxun h1{

    font-size: 18px;

    margin-bottom: 15px;

  }

  .z_chaxun h2{
    display: inline-block;
  }

  .cx_xuanze .cxxz_tags{

    padding-left: 0;

  }

  .cx_xuanze .cxxz_tags h3{

    position: relative;

    display: inline-block;

    position: static;

    transform: translateY(0);

  }

  .cx_xuanze .cxxz_tags h3 span{

    width: 10px;

    height: 8px;

    background-image: url('../img/z_jt2.png');

    background-repeat: no-repeat;

    background-position:center;

    background-size: 100% 100%;



    position: absolute;

    right: -20px;

    top:8px;

    display: none;

    transition: all .2s;

  }
  .cx_xuanze .cxxz_tags h3 span.open{
    transform:rotate(-90deg); 
  }

  .cx_xuanze .cxxz_tags ul.addxl{

    height: 81px;

    overflow: hidden;

    -ms-text-overflow: ellipsis;text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical; 

    -webkit-line-clamp: 3;

  }

  .cx_xuanze .cxxz_tags ul.addxl.on{

    height: auto;

    -webkit-line-clamp: 1000;

  }

  .cx_xuanze .cxxz_tags li{

    float: none;

    margin-right: 12px;

  }



  .z_ruzhu #mobile{

    width: 100%;

    margin-right: 0;

    margin-bottom: 15px;

  }

  .z_ruzhu .z_tijiao{

    width: 100%;

  }

  .z_ruzhu .z_yanglao{

    margin-top: 15px;

  }

}

/*顶部选择*/













/*推荐机构*/

.tj_jigou .page_con ul{

  display: none;

}

.tj_jigou .page_con li{

  float: left;

  width: 23.5%;

  margin-right: 2%;

  margin-bottom: 24px;

  border: 1px solid #e5e5e5;

  transition: all .2s;

}

.tj_jigou .page_con li:nth-of-type(4n){

  margin-right: 0;

}

.tj_jigou .page_con li:nth-last-of-type(4),

.tj_jigou .page_con li:nth-last-of-type(3),

.tj_jigou .page_con li:nth-last-of-type(2),

.tj_jigou .page_con li:nth-last-of-type(1){

  margin-bottom: 0;

}

.tj_jigou .page_con li .imgs{

  height: 173px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.tj_jigou .page_con li .text{

  padding: 10px;

}

.tj_jigou .page_con li .text h3{

  margin-bottom: 15px;

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb(68, 68, 68);

  line-height: 24px;
  transition: all .2s;

  height: 24px;

  overflow: hidden;

  -ms-text-overflow: ellipsis;text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical; 

  -webkit-line-clamp: 1;

}

.tj_jigou .page_con li .text span{

  display: inline-block;

  width: 100%;

  font-size: 12px;

  font-family: "Microsoft YaHei";

  color: rgb(186, 186, 186);

  line-height: 24px;

}

.tj_jigou .page_con li .text span i{

  float: right;

  font-style: inherit;

}

.tj_jigou .page_con li a:hover{

  text-decoration: none;

}


.tj_jigou .page_con li:hover{

  border-color: #707070;
  box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);

}

.tj_jigou .page_con li a:hover h3{
  color: #e83829;
}


@media(max-width: 992px){

  .tj_jigou .page_con li .imgs{

    height: 150px;

  }

  .tj_jigou .page_con li .text h3{

    margin-bottom: 0;

  }

  .page_tags .title .tj_a span,

  .page_tags .title .tj_a a{

    margin-left: 10px;

  }

}

@media(max-width: 768px){

  .page_tags .title .tj_a{

    float: none;

    display: block;

    margin-top: 10px;

  }

  .page_tags .title .tj_a span{

    margin-left: 0;

    margin-right: 10px;

  }

  .page_tags .title .tj_a a{

    margin-left: 0;

  }

  .tj_jigou .page_con li,

  .tj_jigou .page_con li:nth-of-type(4n){

    width: 48%;

    margin-right: 4%;

  }

  .tj_jigou .page_con li:nth-of-type(2n){

    margin-right: 0;

  }

  .tj_jigou .page_con li:nth-last-of-type(4), 

  .tj_jigou .page_con li:nth-last-of-type(3){

    margin-bottom: 24px;

  }

  .tj_jigou .page_con li .text{

    padding: 5px 10px;

  }

  .tj_jigou .page_con li .text h3{

    height: 48px; 

    -webkit-line-clamp: 2;

  }

  .tj_jigou .page_con li .text span{

    line-height: 20px;

  }

  .tj_jigou .page_con li .text span i{

    float: none;

    display: block;

  }

}

/*推荐机构*/











/*关于公司*/

.gs_about{

  background-image: url('../img/zbg1.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.gs_about>div{

  padding: 40px 0;

}



.gs_about .gs_nav{

  margin-bottom: 40px;

}

.gs_about .gs_nav li{

  display: inline-block;

  padding: 10px 0;

  margin-right: 40px;

  position: relative;

  cursor: pointer;

  font-size: 20px;

  font-family: "Microsoft YaHei";

  color: rgb(34, 34, 34);

  line-height: 24px;

}

.gs_about .gs_nav li::after{

  content: '';

  display: inline-block;

  width: 0;

  height: 1px;

  background-color: #e83829;

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  transition: all .2s;

}

.gs_about .gs_nav li.on::after{

  width: 100%;

}



.gs_about .text>div{

  display: none;

}

.gs_about .text h1{

  margin-bottom: 25px;

  font-size: 28px;

  font-family: "Microsoft YaHei";

  color: rgb(68, 68, 68);

  line-height: 30px;

}

.gs_about .text .tags_text{

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb(51, 51, 51);

  line-height: 30px;

}

.gs_about .text a{

  position: relative;

  display: inline-block;

  margin-top: 10px;

  padding: 4px 30px 4px 0;

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb(102, 102, 102);

  line-height: 30px;

  background-image: url('../img/z_jt3.png');

  background-repeat: no-repeat;

  background-position: 98% 50%;

  transition: all .2s;

}

.gs_about .text a::before{

  content: '';

  display: inline-block;

  width: 100%;

  height: 1px;

  background-color: #bebebe;

  position: absolute;

  bottom: 0;

  left: 0;

}

.gs_about .text a:hover{

  text-decoration: none;
  color: #e83829;
  transform: translateX(4px);

}



@media(max-width: 768px){

  .gs_about{

    background-position: 70% 50%;

  }

  .gs_about>div{

    padding: 30px 15px;

  }

  .gs_about .gs_nav{

    margin-bottom: 20px;

  }

  .gs_about .gs_nav li{

    margin-right: 5px;

    font-size: 16px;

  }



  .gs_about .text h1{

    font-size: 16px;

    margin-bottom: 15px;

  }

  .gs_about .text .tags_text,

  .gs_about .text a{

    font-size: 14px;

  }

}

/*关于公司*/









/*疗养院*/

.lyy_fenlei{

  padding: 40px 0;

}



.lyy_fenlei .lyy_nav {

    margin-bottom: 40px;

}

.lyy_fenlei .lyy_nav li{

  display: inline-block;

  padding: 10px 0;

  margin-right: 40px;

  position: relative;

  cursor: pointer;

  font-size: 20px;

  font-family: "Microsoft YaHei";

  color: rgb(34, 34, 34);

  line-height: 24px;

}

.lyy_fenlei .lyy_nav li::after {

    content: '';

    display: inline-block;

    width: 0;

    height: 1px;

    background-color: #e83829;

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .2s;

}

.lyy_fenlei .lyy_nav li.on::after {

    width: 100%;

}



.lyy_fenlei .lyy_con ul{

  display: none;

}

.lyy_fenlei .lyy_con li {

    float: left;

    width: 23.5%;

    margin-right: 2%;

    margin-bottom: 24px;

    transition: all .2s;

}

.lyy_fenlei .lyy_con li:nth-of-type(4n) {

    margin-right: 0;

}

.lyy_fenlei .lyy_con li .imgs {

  height: 173px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  transition: all .4s;

}

.lyy_fenlei .lyy_con li h3 {

  text-align: center;

  margin-top: 10px;

  padding: 0 10px;

  font-size: 18px;

  font-family: "Microsoft YaHei";

  color: rgb(68, 68, 68);

  line-height: 24px;

  height: 48px;

  transition: all .2s;

  overflow: hidden;

  -ms-text-overflow: ellipsis;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.lyy_fenlei .lyy_con li a:hover{

  text-decoration: none;

}

.lyy_fenlei .lyy_con li a:hover h3{

  color: #e83829;

}

.lyy_fenlei .lyy_con li a:hover .imgs{

  box-shadow: 0 0 10px 2px rgba(0,0,0,0.3);

}







.z_more{

  text-align: center;

}

.z_more a{

  display: inline-block;

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb(68, 68, 68);

  line-height: 30px;

  padding-right: 30px;

  transition: all .2s;

  background-repeat: no-repeat;

  background-position: 98% 50%;

  background-image: url('../img/z_jt4.png');

}

.z_more a:hover{

  text-decoration: none;

  color: #e83829;

}

@media(max-width: 992px){

  .lyy_fenlei .lyy_con li .imgs{

    height: 150px;

  }

}

@media(max-width: 768px){

  .lyy_fenlei{

    padding: 20px 15px;

  }

  .lyy_fenlei .lyy_nav {

      margin-bottom: 20px;

  }

  .lyy_fenlei .lyy_nav li {

    margin-right: 5px;

    font-size: 16px;

  }

  

  .lyy_fenlei .lyy_con li,

  .lyy_fenlei .lyy_con li:nth-of-type(4n){

    width: 48%;

    margin-right: 4%;

  }

  .lyy_fenlei .lyy_con li:nth-of-type(2n){

    margin-right: 0;

  }

  .lyy_fenlei .lyy_con li h3{

    font-size: 16px;

  }

}

/*疗养院*/







/*固定 背景*/

.z_gdbg{

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-position: center;

  background-size: cover;

  background-image: url(../img/zbg2.png);



  text-align: center;

}

.z_gdbg.z_gd2{

  background-image: url(../img/zbg4.png);

}
.z_gdbg.z_gd2 a{
  display: inline-block;
  width: 100%;
  /*height: 100%;*/
}

.z_gdbg.z_gd3{

  background-image: url(../img/zbg8.png);

}
.z_gdbg.z_gd3 a{
  display: inline-block;
  width: 100%;
  /*height: 100%;*/
}

.z_gdbg img{

  display: inline-block;

  margin: 70px 0;

  max-width: 90%;

}

@media(max-width: 768px){

  .z_gdbg{

    background-attachment: scroll;

  }

  .z_gdbg img{

    margin: 40px 0;

  }

}

/*固定 背景*/









/*动态*/

.z_dynamic{

  background-color: #f5f5f5;

  padding: 40px 0;

}

.z_dynamic .row>div{

  padding: 0;

}





.dy_yanglao .title .tj_a{

  /*float: none;*/

  width: 86%;

  /*display: inline-block;*/

}

.dy_yanglao .title .tj_a a{

  float: right;

  margin-left: 0;

}

.dy_yanglao .yl_list>ul{

  display: none;

}

.dy_yanglao .yl_list li{

  width: 48%;

  float: left;

  margin-right: 4%;

  margin-bottom: 10px;

  padding: 30px 0;

  border-top: 3px solid #d6d6d6;

}

.dy_yanglao .yl_list li:nth-of-type(2n){

  margin-right: 0;

}

.dy_yanglao .yl_list li h1{

  transition: all .2s;

  color: #222;

  font-size: 18px;

  line-height: 30px;

  height: 30px;

  overflow: hidden;

  -ms-text-overflow: ellipsis;text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical; 

  -webkit-line-clamp: 1;

}

.dy_yanglao .yl_list li span{

  display: inline-block;

  margin: 10px 0;

  color: #666666;

  font-size: 14px;

  line-height: 24px;

}

.dy_yanglao .yl_list li .text{

  transition: all .2s;

  color: #555555;

  font-size: 14px;

  line-height: 24px;

  height: 72px;

  overflow: hidden;

  -ms-text-overflow: ellipsis;text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical; 

  -webkit-line-clamp: 3;

}

.dy_yanglao .yl_list li a:hover{

  text-decoration: none;

}

.dy_yanglao .yl_list li a:hover h1,

.dy_yanglao .yl_list li a:hover .text{

  color: #e83829;

}







.z_dynamic .row>.dy_news{

  padding-left: 40px;

}

.z_dynamic .dy_news .news_list .z_guanggao{

  display: inline-block;

  width: 100%;

  height: 119px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  transition: all .3s;

}

.z_dynamic .dy_news .news_list .z_guanggao:hover{

  box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);

}

.z_dynamic .dy_news .news_list li{

  padding: 8px 0;

  color: #666666;

  font-size: 16px;

  line-height: 28px;
 font-weight:bold;
  border-bottom: 1px dotted #e1e0e0;

}

.z_dynamic .dy_news .news_list li a{

  display: inline-block;

  color: #454545;

  font-size: 16px;

  line-height: 28px;

  transition: all .2s;
   font-weight:bold;

}

.z_dynamic .dy_news .news_list li a:hover{

  text-decoration: none;

  color: #e83829;

}



@media(max-width: 1200px){

  .dy_yanglao .title .tj_a{

    width: 80%;

  }

}

@media(max-width: 992px){

  .dy_yanglao .title .tj_a{

    width: auto;

  }

  .dy_yanglao .title .tj_a a{

    margin-left: 30px;

  }



  .z_dynamic .row>.dy_news{

    padding-left: 0;

  }

  .z_dynamic .dy_news .news_list .z_guanggao{

    height: 150px;

  }

}

@media(max-width: 768px){

  .z_dynamic{

    padding: 20px 15px;

  }

  .dy_news .title .tj_a{

    display: inline-block;

    float: right;

    margin-top: 0;

  }

}

/*动态*/



/* ========= 首页 ================== */

















/* ========= 查询 ================== */

.cx_content{

  position: relative;



}

.cx_content>h1{

  padding: 10px 0;

  padding-left: 30px;

  width: 100%;

  position: absolute;

  top:20px;

  left: 0;

  background-color: #e83829;



  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb(255, 255, 255);

  line-height: 24px;

}

.cx_content>h1::before{

  content: '';

  display: inline-block;

  width: 19px;

  height: 15px;

  position: absolute;

  left: 0;

  top:100%;

  background-image: url(../img/zbg5.png);

  background-repeat: no-repeat;

  background-size: 100% 100%;

}

.cx_content>h1 i{

  font-style: inherit;

}

.cx_content>h1 span{

  display: inline-block;

  margin-right: 20px;

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb(243, 37, 66);

  background-color: #fff;

  line-height: 24px;

  padding: 0 15px;

  border-radius: 12px;

}





.cx_content .cx_xzlists{

  padding-left: 19px;

}

.cx_content .cx_xzlists>div{

  width: 100%;

  padding-top: 100px;

  background-color: #fff;

}





.cx_content .cx_xuanze{

  padding: 0 20px;

}
.cx_content .cx_xuanze>h2 {
  text-align: right;
  font-size: 12px;
  line-height: 24px;
  color: #222;
  opacity: 0.6;
  display: none;
}

.cx_content .xz_tags {

    margin-bottom: 15px;

    position: relative;

    padding-left: 70px;

}

.cx_content .xz_tags h3 {

    position: absolute;

    top: 0;

    left: 0;

    font-size: 14px;

    line-height: 24px;

    font-family: "Microsoft YaHei";

    color: rgb(34, 34, 34);

    font-weight: bold;

}

.cx_content .xz_tags h3 i {

    padding-left: 28px;

    font-style: normal;

}

.cx_content .xz_tags:nth-of-type(2) h3 i{

  display: inline-block;

  padding-left: 0;

}

.cx_content .xz_tags:nth-of-type(2) h3{

  letter-spacing:7px;

}

.cx_content .xz_tags li {

    float: left;

    display: inline-block;

    font-size: 14px;

    line-height: 24px;

    font-family: "Microsoft YaHei";

    color: rgb(34, 34, 34);

    background-color: #fff;

    cursor: pointer;

    padding: 0 3px;

    margin-right: 15px;

    margin-bottom: 3px;
    transition: all .1s;

}
.cx_content .xz_tags li:hover,
.cx_content .xz_tags li.on {

    background-color: #e83829;

    color: #fff;

}





.cx_content .cx_lists{

  padding: 0 20px;

}

.cx_content .cx_lists .tags li{

  border-bottom: 1px solid #dddddd;

}

.cx_content .cx_lists .tags li:nth-of-type(1){

  border-top: 1px solid #dddddd;

}

.cx_content .cx_lists .tags li a{

  display: inline-block;

  width: 100%;

  float: left;

  padding: 30px 0;

}

.cx_content .cx_lists .tags li>a>div{

  float: left;

  height: 142px;

}

.cx_content .cx_lists .tags li .imgs{

  width: 30%;

  margin: 0 2%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.cx_content .cx_lists .tags li .text{

  padding: 15px 0;

  width: 66%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.cx_content .cx_lists .tags li .text h1{

  margin-bottom: 10px;

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb(34, 34, 34);

  line-height: 24px;
  transition: all .2s;



  height: 24px;

  overflow: hidden;

  -ms-text-overflow: ellipsis;text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical; 

  -webkit-line-clamp: 1;

}

.cx_content .cx_lists .tags li .text p {

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: rgb(34, 34, 34);

  line-height: 28px;
  transition: all .2s;



  height: 28px;

  overflow: hidden;

  -ms-text-overflow: ellipsis;text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical; 

  -webkit-line-clamp: 1;

}

.cx_content .cx_lists .tags li a:hover h1,
.cx_content .cx_lists .tags li a:hover p{
  color: #e83829;
}

@media(max-width: 768px){

  .cx_content>h1{

    padding-left: 15px;

  }

  .cx_content .cx_xzlists{

    padding: 0 19px;

  }
  .cx_content .cx_xuanze>h2{
    display: block;
  }

  .cx_content .cx_xzlists>div{

    padding-top: 70px;

  }

  .cx_content .xz_tags{

    padding-left: 0;

  }

  .cx_content .xz_tags h3{

    position: relative;

    display: inline-block;

    position: static;

    transform: translateY(0);

  }

  .cx_content .xz_tags h3 span{

    width: 10px;

    height: 8px;

    background-image: url(../img/z_jt2.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100% 100%;

    position: absolute;

    right: -20px;

    top: 8px;
    transition: all .2s;

    display: none;

  }
  .cx_content .xz_tags h3 span.open{
    transform:rotate(-90deg); 
  }

  .cx_content .xz_tags ul.addxl{

    height: 81px;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

  }

  .cx_content .xz_tags ul.addxl.on {

    height: auto;

    -webkit-line-clamp: 1000;

  }

  .cx_content .xz_tags li {

      float: none;

      margin-right: 12px;

  }

  

  .cx_content .cx_lists .tags li>a>div{

    float: none;

    height: auto;

  }

  .cx_content .cx_lists .tags li a{

    padding: 15px 0 0;

  }

  .cx_content .cx_lists .tags li .imgs{

    width: 100%;

    height: 120px;

    margin: 0;

  }

  .cx_content .cx_lists .tags li .text{

    width: 100%;

  }

}



/* ========= 查询 ================== */

.cx_xuanze .cxxz_tags li a{
  display: inline-block;
  width: 100%;
  padding: 0 3px;
  color: rgb(34, 34, 34);

  transition: all .1s;
}
.cx_xuanze .cxxz_tags li:hover a,
.cx_xuanze .cxxz_tags li.selected a{
  background-color: #e83829;
  color: #fff;
}
.cx_content .xz_tags li a{
  display: inline-block;
  width: 100%;

  padding: 0 3px;
  transition: all .1s;
  color: rgb(34, 34, 34);
}
.cx_content .xz_tags li:hover a,
.cx_content .xz_tags li.selected a{

    background-color: #e83829;

    color: #fff;

}



.pageinfo {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.pageinfo A {
	BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
.pageinfo A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
.pageinfo A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
.pageinfo SPAN.thisclass {
	BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
.pageinfo SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}



/*CSS grayr style pagination*/

DIV.grayr {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: Tahoma, Arial, Helvetica, Sans-serif; BACKGROUND-COLOR: #c1c1c1
}
DIV.grayr A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #000; PADDING-TOP: 2px; BACKGROUND-COLOR: #c1c1c1; TEXT-DECORATION: none
}
DIV.grayr A:hover {
	COLOR: #000; BACKGROUND-COLOR: #99ffff
}
DIV.grayr A:active {
	COLOR: #000; BACKGROUND-COLOR: #99ffff
}
DIV.grayr SPAN.thisclass {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #303030; PADDING-TOP: 2px; BACKGROUND-COLOR: #fff
}
DIV.grayr SPAN.disabled {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #797979; PADDING-TOP: 2px; BACKGROUND-COLOR: #c1c1c1
}



